<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <link href="../../css/mui.min.css" rel="stylesheet"/>
    <link href="../../css/index.css" rel="stylesheet"/>
    <link href="../../iconfonts/iconfont.css" rel="stylesheet" />
    <script src="../../js/mui.min.js"></script>
</head>
<body>
    <header class="mui-bar mui-bar-transparent">
        <div class="mui-row">
            <div class="mui-col-xs-3 mui-col-sm-3">
                <span class="mui-icon iconfont icon-didian"></span>
                <span class="mui-tab-label">上海</span>
            </div>
            <div class="mui-col-xs-6 mui-col-sm-6">
                <div class="mui-input-row mui-search">
                    <input type="search" class="mui-input-clear" placeholder="输入商品名称">
                </div>
            </div>
            <div class="mui-col-xs-3 mui-col-sm-3">
                <span class="mui-icon iconfont icon-zixun"></span>
                <span class="mui-tab-label">咨询</span>
            </div>
        </div>
    </header>
    <nav class="mui-bar mui-bar-tab">
        <a class="mui-tab-item mui-active" id="navtab-index" href="index.html">
            <span class="mui-icon iconfont icon-shouye"></span>
            <span class="mui-tab-label">首页</span>
        </a>
        <a class="mui-tab-item" id="navtab-category" href="category.html">
            <span class="mui-icon iconfont icon-fenlei"></span>
            <span class="mui-tab-label">分类</span>
        </a>
        <a class="mui-tab-item" id="navtab-buycar" href="buycar.html">
            <span class="mui-icon iconfont icon-gouwuchekong"></span>
            <span class="mui-tab-label">购物车</span>
        </a>
        <a class="mui-tab-item" id="navtab-wode" href="center.html">
            <span class="mui-icon iconfont icon-wode"></span>
            <span class="mui-tab-label">我的</span>
        </a>
    </nav>
    <div class="mui-content">
        <div class="mui-slider">
            <div class="mui-slider-group mui-slider-loop">
                <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="../../images/banner1/5.jpg" /></a></div>
                <div class="mui-slider-item"><a href="#"><img src="../../images/banner1/1.jpg" /></a></div>
                <div class="mui-slider-item"><a href="#"><img src="../../images/banner1/2.jpg" /></a></div>
                <div class="mui-slider-item"><a href="#"><img src="../../images/banner1/3.jpg" /></a></div>
                <div class="mui-slider-item"><a href="#"><img src="../../images/banner1/4.jpg" /></a></div>
                <div class="mui-slider-item"><a href="#"><img src="../../images/banner1/5.jpg" /></a></div>
                <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="../../images/banner1/1.jpg" /></a></div>
            </div>
            <div class="mui-slider-indicator">
                <div class="mui-indicator mui-active"></div>
                <div class="mui-indicator "></div>
                <div class="mui-indicator"></div>
                <div class="mui-indicator"></div>
                <div class="mui-indicator"></div>
            </div>
        </div>
        <div class="mui-menu">
            <div class="mui-menu-inner">
                <div class="mui-menu-box">
                    <a href="#" class="mui-menu-item">
                        <div class="mui-menu-img">
                            <img src="../../images/tablist/zhongxi.png">
                        </div>
                        <p class="mui-menu-word">中西药品</p>
                    </a>
                    <a href="#" class="mui-menu-item">
                        <div class="mui-menu-img">
                            <img src="../../images/tablist/man.png">
                        </div>
                        <p class="mui-menu-word">男性</p>
                    </a>
                    <a href="#" class="mui-menu-item">
                        <div class="mui-menu-img">
                            <img src="../../images/tablist/woman.png">
                        </div>
                        <p class="mui-menu-word">女性</p>
                    </a>
                    <a href="#" class="mui-menu-item">
                        <div class="mui-menu-img">
                            <img src="../../images/tablist/manbing.png">
                        </div>
                        <p class="mui-menu-word">慢病</p>
                    </a>
                    <a href="#" class="mui-menu-item">
                        <div class="mui-menu-img">
                            <img src="../../images/tablist/baojian.png">
                        </div>
                        <p class="mui-menu-word">滋补保健</p>
                    </a>
                </div>
                <div class="mui-menu-box">
                    <a href="#" class="mui-menu-item">
                        <div class="mui-menu-img">
                            <img src="../../images/tablist/weisheng.png">
                        </div>
                        <p class="mui-menu-word">维生素钙</p>
                    </a>
                    <a href="#" class="mui-menu-item">
                        <div class="mui-menu-img">
                            <img src="../../images/tablist/yinxing.png">
                        </div>
                        <p class="mui-menu-word">隐形眼镜</p>
                    </a>
                    <a href="#" class="mui-menu-item">
                        <div class="mui-menu-img">
                            <img src="../../images/tablist/qixie.png">
                        </div>
                        <p class="mui-menu-word">医疗器械</p>
                    </a>
                    <a href="#" class="mui-menu-item">
                        <div class="mui-menu-img">
                            <img src="../../images/tablist/chengren.png">
                        </div>
                        <p class="mui-menu-word">成人用品</p>
                    </a>
                    <a href="#" class="mui-menu-item">
                        <div class="mui-menu-img">
                            <img src="../../images/tablist/jiangtang.png">
                        </div>
                        <p class="mui-menu-word">健康讲堂</p>
                    </a>
                </div>
            </div>
        </div>
        <div class="mui-row">
            <div class="mui-col-sm-12 mui-col-xs-12">
                <img src="../../images/storebranches.jpg">
            </div>
        </div>
        <ul class="mui-table-view">
            <li class="mui-table-view-cell mui-media">
                <a href="javascript:;">
                    <img class="mui-media-object mui-pull-left mui-cancle-img" src="../../images/1yaocancle.png">
                    <div class="mui-media-body">
                        <p class='mui-ellipsis mui-cancle-p'>能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
                        <p class='mui-ellipsis mui-cancle-p'>能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
                        <p class='mui-ellipsis mui-cancle-p'>能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
                    </div>
                </a>
            </li>
        </ul>
        <ul class="mui-table-view">
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right mui-qiyigou-a"><p class="mui-ellipsis">距结束剩余<i>&nbsp;&nbsp;|&nbsp;&nbsp;</i><span class="mui-1qiqing-time">08 : 02 : 12</span></p></a><span class="mui-badge mui-badge-inverted">更多&nbsp;&nbsp;&nbsp;</span>
            </li>
        </ul>
        <div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted mui-scroll-goods">
            <div class="mui-scroll mui-scroll-scroll">
                <a class="mui-control-item mui-scroll-item">
                    <div class="mui-card margin-no">
                        <div class="mui-card-content">
                            <img src="../../images/timebuy/goods1.jpg" class="mui-goods-img">
                        </div>
                        <!--页脚，放置补充信息或支持的操作-->
                        <div class="mui-goods-footer pad-no">
                            <p class="mui-ellipsis">西施兰夏露 乌洛托品溶液 20ml:8g 喷雾型</p>
                            <p class="price">¥52</p>
                        </div>
                    </div>
                </a>
                <a class="mui-control-item mui-scroll-item">
                    <div class="mui-card margin-no">
                        <div class="mui-card-content">
                            <img src="../../images/timebuy/goods2.jpg" class="mui-goods-img">
                        </div>
                        <!--页脚，放置补充信息或支持的操作-->
                        <div class="mui-goods-footer pad-no">
                            <p class="mui-ellipsis">康忻 富马酸比索洛尔片 5mg*10片</p>
                            <p class="price">¥52</p>
                        </div>
                    </div>
                </a>
                <a class="mui-control-item mui-scroll-item">
                    <div class="mui-card margin-no">
                        <div class="mui-card-content">
                            <img src="../../images/timebuy/goods3.jpg" class="mui-goods-img">
                        </div>
                        <!--页脚，放置补充信息或支持的操作-->
                        <div class="mui-goods-footer pad-no">
                            <p class="mui-ellipsis">西乐葆 塞来昔布胶囊 200mg*6粒</p>
                            <p class="price">¥52</p>
                            </div>
                    </div>
                </a>
                <a class="mui-control-item mui-scroll-item">
                    <div class="mui-card margin-no">
                        <div class="mui-card-content">
                            <img src="../../images/timebuy/goods4.jpg" class="mui-goods-img">
                        </div>
                        <!--页脚，放置补充信息或支持的操作-->
                        <div class="mui-goods-footer pad-no">
                            <p class="mui-ellipsis">汇仁 肾宝片 0.7g*126片  补肾</p>
                            <p class="price">¥52</p>
                        </div>
                    </div>
                </a>
                <a class="mui-control-item mui-scroll-item">
                    <div class="mui-card margin-no">
                        <div class="mui-card-content">
                            <img src="../../images/timebuy/goods5.jpg" class="mui-goods-img">
                        </div>
                        <!--页脚，放置补充信息或支持的操作-->
                        <div class=" mui-goods-footer pad-no">
                            <p class="mui-ellipsis">艾迪莎 美沙拉秦缓释颗粒 0.5g*10袋</p>
                            <p class="price">¥52</p>
                        </div>
                    </div>
                </a>
                <a class="mui-control-item mui-scroll-item">
                    <div class="mui-card margin-no">
                        <div class="mui-card-content">
                            <img src="../../images/timebuy/goods6.jpg" class="mui-goods-img">
                        </div>
                        <!--页脚，放置补充信息或支持的操作-->
                        <div class="mui-goods-footer pad-no">
                            <p class="mui-ellipsis">新乐敦 复方门冬维甘滴眼液13ml</p>
                            <p class="price">¥52</p>
                        </div>
                    </div>
                </a>
            </div>
        </div>
        <div class="mui-slider">
            <div class="mui-slider-group mui-slider-loop">
                <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="../../images/banner2/banner2.jpg" /></a></div>
                <div class="mui-slider-item"><a href="#"><img src="../../images/banner2/banner1.jpg" /></a></div>
                <div class="mui-slider-item"><a href="#"><img src="../../images/banner2/banner2.jpg" /></a></div>
                <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="../../images/banner2/banner1.jpg" /></a></div>
            </div>
            <div class="mui-slider-indicator">
                <div class="mui-indicator mui-active"></div>
                <div class="mui-indicator "></div>
            </div>
        </div>
        <div class="mui-card margin-no">
            <div class="mui-card-header mui-card-media">
                <img src="../../images/dianzan.png" class="mui-dianzan-img">
                <div class="mui-media-body">
                    <h5>精选专题</h5>
                </div>
            </div>
            <div class="mui-card-content">
                <img class="mui-pull-left" src="../../images/chose1/wellchose1.jpg" />
            </div>
            <div class="mui-card-footer mui-row">
                <a class="mui-scroll-item mui-col-sm-4">
                    <div class="mui-card margin-no mui-col-sm-12">
                        <div class="mui-card-content">
                            <img src="../../images/chose1/goods1.jpg" class="mui-well-img margin-10">
                        </div>
                        <!--页脚，放置补充信息或支持的操作-->
                        <div class="mui-well-footer pad-no">
                            <p class="mui-ellipsis">西施兰夏露 乌洛托品溶液 20ml:8g 喷雾型</p>
                            <p class="price">¥52</p>
                        </div>
                    </div>
                </a>
                <a class="mui-scroll-item mui-col-sm-4">
                    <div class="mui-card margin-no mui-col-sm-12">
                        <div class="mui-card-content">
                            <img src="../../images/chose1/goods2.jpg" class="mui-well-img margin-10">
                        </div>
                        <!--页脚，放置补充信息或支持的操作-->
                        <div class=" mui-well-footer pad-no">
                            <p class="mui-ellipsis">艾迪莎 美沙拉秦缓释颗粒 0.5g*10袋</p>
                            <p class="price">¥52</p>
                        </div>
                    </div>
                </a>
                <a class="mui-scroll-item mui-col-sm-4">
                    <div class="mui-card margin-no mui-col-sm-12">
                        <div class="mui-card-content">
                            <img src="../../images/chose1/goods3.jpg" class="mui-well-img margin-10">
                        </div>
                        <!--页脚，放置补充信息或支持的操作-->
                        <div class="mui-well-footer pad-no">
                            <p class="mui-ellipsis">新乐敦 复方门冬维甘滴眼液13ml</p>
                            <p class="price">¥52</p>
                        </div>
                    </div>
                </a>
            </div>
            <div class="mui-card-content">
                <img class="mui-pull-left" src="../../images/chose2/wellchose2.jpg" />
            </div>
            <div class="mui-card-footer mui-row">
                <a class="mui-scroll-item mui-col-sm-4">
                    <div class="mui-card margin-no mui-col-sm-12">
                        <div class="mui-card-content">
                            <img src="../../images/chose2/goods1.jpg" class="mui-well-img margin-10">
                        </div>
                        <!--页脚，放置补充信息或支持的操作-->
                        <div class="mui-well-footer pad-no">
                            <p class="mui-ellipsis">西施兰夏露 乌洛托品溶液 20ml:8g 喷雾型</p>
                            <p class="price">¥52</p>
                        </div>
                    </div>
                </a>
                <a class="mui-scroll-item mui-col-sm-4">
                    <div class="mui-card margin-no mui-col-sm-12">
                        <div class="mui-card-content">
                            <img src="../../images/chose2/goods2.jpg" class="mui-well-img margin-10">
                        </div>
                        <!--页脚，放置补充信息或支持的操作-->
                        <div class=" mui-well-footer pad-no">
                            <p class="mui-ellipsis">艾迪莎 美沙拉秦缓释颗粒 0.5g*10袋</p>
                            <p class="price">¥52</p>
                        </div>
                    </div>
                </a>
                <a class="mui-scroll-item mui-col-sm-4">
                    <div class="mui-card margin-no mui-col-sm-12">
                        <div class="mui-card-content">
                            <img src="../../images/chose2/goods3.jpg" class="mui-well-img margin-10">
                        </div>
                        <!--页脚，放置补充信息或支持的操作-->
                        <div class="mui-well-footer pad-no">
                            <p class="mui-ellipsis">新乐敦 复方门冬维甘滴眼液13ml</p>
                            <p class="price">¥52</p>
                        </div>
                    </div>
                </a>
            </div>
            <div class="mui-card-content">
                <img class="mui-pull-left" src="../../images/chose3/wellchose3.jpg" />
            </div>
            <div class="mui-card-footer mui-row">
                <a class="mui-scroll-item mui-col-sm-4">
                    <div class="mui-card margin-no mui-col-sm-12">
                        <div class="mui-card-content">
                            <img src="../../images/chose3/goods1.jpg" class="mui-well-img margin-10">
                        </div>
                        <!--页脚，放置补充信息或支持的操作-->
                        <div class="mui-well-footer pad-no">
                            <p class="mui-ellipsis">西施兰夏露 乌洛托品溶液 20ml:8g 喷雾型</p>
                            <p class="price">¥52</p>
                        </div>
                    </div>
                </a>
                <a class="mui-scroll-item mui-col-sm-4">
                    <div class="mui-card margin-no mui-col-sm-12">
                        <div class="mui-card-content">
                            <img src="../../images/chose3/goods2.jpg" class="mui-well-img margin-10">
                        </div>
                        <!--页脚，放置补充信息或支持的操作-->
                        <div class=" mui-well-footer pad-no">
                            <p class="mui-ellipsis">艾迪莎 美沙拉秦缓释颗粒 0.5g*10袋</p>
                            <p class="price">¥52</p>
                        </div>
                    </div>
                </a>
                <a class="mui-scroll-item mui-col-sm-4">
                    <div class="mui-card margin-no mui-col-sm-12">
                        <div class="mui-card-content">
                            <img src="../../images/chose3/goods3.jpg" class="mui-well-img margin-10">
                        </div>
                        <!--页脚，放置补充信息或支持的操作-->
                        <div class="mui-well-footer pad-no">
                            <p class="mui-ellipsis">新乐敦 复方门冬维甘滴眼液13ml</p>
                            <p class="price">¥52</p>
                        </div>
                    </div>
                </a>
            </div>
            <div class="mui-card-content">
                <img class="mui-pull-left" src="../../images/chose4/wellchose4.jpg" />
            </div>
            <div class="mui-card-footer mui-row">
                <a class="mui-scroll-item mui-col-sm-4">
                    <div class="mui-card margin-no mui-col-sm-12">
                        <div class="mui-card-content">
                            <img src="../../images/chose4/goods1.jpg" class="mui-well-img margin-10">
                        </div>
                        <!--页脚，放置补充信息或支持的操作-->
                        <div class="mui-well-footer pad-no">
                            <p class="mui-ellipsis">西施兰夏露 乌洛托品溶液 20ml:8g 喷雾型</p>
                            <p class="price">¥52</p>
                        </div>
                    </div>
                </a>
                <a class="mui-scroll-item mui-col-sm-4">
                    <div class="mui-card margin-no mui-col-sm-12">
                        <div class="mui-card-content">
                            <img src="../../images/chose4/goods2.jpg" class="mui-well-img margin-10">
                        </div>
                        <!--页脚，放置补充信息或支持的操作-->
                        <div class=" mui-well-footer pad-no">
                            <p class="mui-ellipsis">艾迪莎 美沙拉秦缓释颗粒 0.5g*10袋</p>
                            <p class="price">¥52</p>
                        </div>
                    </div>
                </a>
                <a class="mui-scroll-item mui-col-sm-4">
                    <div class="mui-card margin-no mui-col-sm-12">
                        <div class="mui-card-content">
                            <img src="../../images/chose4/goods3.jpg" class="mui-well-img margin-10">
                        </div>
                        <!--页脚，放置补充信息或支持的操作-->
                        <div class="mui-well-footer pad-no">
                            <p class="mui-ellipsis">新乐敦 复方门冬维甘滴眼液13ml</p>
                            <p class="price">¥52</p>
                        </div>
                    </div>
                </a>
            </div>
        </div>
        <div class="mui-content-padded">
            <p class="mui-ellipsis text-center">xxx有限公司</p>
            <p class="mui-ellipsis text-center">地址:xxxxx路1518号</p>
        </div>
    </div>
    <script type="text/javascript" charset="utf-8">
        mui.init();
        //获得slider插件对象
        mui('.mui-slider').slider({
          interval:1000//自动轮播周期，若为0则不自动播放，默认为0；
        });
    </script>
    <script src="../../js/common.js"></script>
</body>
</html>